
<template>
    <div class="ma-content-block  p-4">


        <!-- 新增/编辑 -->
        <a-modal :mask-closable="false"  v-model:visible="showAdd" @cancel="showAdd = false" :width="1000" title='详情' :on-before-ok="handleOk">
            <div class="" style="margin-bottom: 2%;">
                <div class="flex" style="margin-bottom: 2%;">
                    <div class="flex_1">模板名称：{{formData.name}}</div>
                    <div class="flex_1">状态：<a-link status="success">开启</a-link></div>
                    <div class="flex_1">到发运：<a-link status="success">到运</a-link></div>
                </div>
                <div class="flex" >
                    <div class="flex_1">有效起止时间：2024-01-01 00:00:00 ~ 2024-12-31 23:59:59</div>
                </div>
            </div>
            
        </a-modal>
    </div>
  </template>
  
  <script setup>
    import { ref, reactive, computed,onMounted } from 'vue'
    import role from '@/api/system/role'
    import { Message } from '@arco-design/web-vue'
    import commonApi from "@/api/common";
    const showAdd = ref(true)
    
    const formData = ref({
        name:'xxxx公示价格',
        
        list:[
            {
                price_type:'',
                weight_type:'',
                billing_node:'',
                is_checked:'',
                car:{
                    money:'',company:'',flag:[],
                },
                box:{
                    box:[
                        {
                            boxType:'',
                            money:'',
                            company:'',
                        },
                        {
                            boxType:'',
                            money:'',
                            company:'',
                            
                        },
                    ],
                    flag:[],
                },
                piliang:{
                    money:'',company:'',min_weight:'',flag:[],
                },
                delayed:{   // 延时费类型
                    time:'',
                    overtime:[{stra:'',end:'',money:'',company:''}],
                }
            }
        ],
        
    })
    
   const handleOk = ()=>{
    return true
   }

  </script>
  
  <script>
  export default { name: 'system:chargingMaster' }
  </script>
  
  <style scoped>
  
  </style>